@black: #000;
@white: #fff;


// @red: #ff6d5a;
// @red-hover:#ff8985;
// @blue: #1fbef6;
// @blue-hover: #1fbef6;

@green: #61cad7;
@green-hover: #42c2d2;
@green-light: #e7f7f9;

@orange:#ff6d5a;
@purple:#7a7ff7;
@purple-light:#c5c7fc;



// @gray-light: #f8f8f8;
// @gray: #999;
// @gray-darker: #666;
// @gray-dark: #333;

@wold-1:#2c2c2c;
@wold-2:#9c9cae;
@wold-2-hover:#8f8fa8;
@wold-3:#cdcdd6;

@wold-bg:#f7f7fa;
@table-bg:#fbfbfc;

@color-icon: #cdcdd6;
@color-border: #e5e5ed;
@color-line: #f6f6f9;
@color-bg:#f5f5fb;


@nowrap: { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; };


.transition(@a:all,@b:0.3s) {
  transition: @arguments;
}

.shadow(@a:0px,@b:0px,@c:8px,@d:0px,@color:rgba(0, 0, 0, 0.15)) {
  box-shadow: @arguments;
}
